<!DOCTYPE html>
<html>
<head>
<style>
body {
    font-size : 16px;
    font-family : "Times New Roman";
    zoom: 2;
}
rect {
    fill : green;
    stroke: green;
}
text {
    fill : red;
}
.geometricPrecision {
    fill : red;
    text-rendering: geometricPrecision;
}
</style>
</head>
<body>
    crbug.com/245996: Text should zoom like geometry.<br/>
    This test passes if there is no red.<br/>
    <svg version="1.1" width="32px" height="32px">
        <text x="10" y="22">F</text>
        <rect x="10" y="10" width="12" height="12"/>
    </svg>
    <svg version="1.1" width="2em" height="2em">
        <text x="10" y="22">A</text>
        <rect x="10" y="10" width="12" height="12"/>
    </svg>
    <svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32">
        <text x="10" y="22">I</text>
        <rect x="10" y="10" width="12" height="12"/>
    </svg>
    <svg version="1.1" width="32px" height="32px">
        <text class="geometricPrecision" x="10" y="22">L</text>
        <rect x="10" y="10" width="12" height="12"/>
    </svg>
    <svg version="1.1" width="2em" height="2em">
        <text class="geometricPrecision" x="10" y="22">F</text>
        <rect x="10" y="10" width="12" height="12"/>
    </svg>
    <svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32">
        <text class="geometricPrecision" x="10" y="22">F</text>
        <rect x="10" y="10" width="12" height="12"/>
    </svg>
</body>
</html>
